<!DOCTYPE html>
<meta charset="UTF-8">
<table style="width: 99%; height: 99%">
	<tr>
		<td width="50%">
			<div id="tabposition_tbid" data-type="tabs" style="width: 400px; height: 200px" data-define="border:true">
				<div title="tab1" style="padding: 10px">
					<ul data-type="tree"
						data-define="method:'get',url: '${rc.contextPath}/assets/ui/jww/demo/testdata/tree_data1.json',animate:true"></ul>
				</div>
				<div title="tab2" data-define="closable:true" style="padding: 10px">tab2</div>
			</div>
		</td>
		<td width="50%">
			<div id="tabposition_tbid" data-type="tabs" style="width: 400px; height: 200px;"
				data-define="tabPosition:'bottom',border:true">
				<div title="tab1" style="padding: 10px">
					<ul data-type="tree"
						data-define="method:'get',url: '${rc.contextPath}/assets/ui/jww/demo/testdata/tree_data1.json',animate:true"></ul>
				</div>
				<div title="tab2" data-define="closable:true" style="padding: 10px">tab2</div>
			</div>
		</td>
	</tr>
	<tr>
		<td width="50%">
			<div id="tabposition_tbid" data-type="tabs" style="width: 400px; height: 200px"
				data-define="tabPosition:'left',border:false,warpCls:'byr byb byl byt'">
				<div title="tab1" style="padding: 10px">
					<ul data-type="tree"
						data-define="method:'get',url: '${rc.contextPath}/assets/ui/jww/demo/testdata/tree_data1.json',animate:true"></ul>
				</div>
				<div title="tab2" data-define="closable:true" style="padding: 10px">tab2</div>
			</div>
		</td>
		<td width="50%">
			<div id="tabposition_tbid" data-type="tabs" style="width: 400px; height: 200px;"
				data-define="tabPosition:'right',border:false,warpCls:'byr byb byl byt'">
				<div title="tab1" style="padding: 10px">
					<ul data-type="tree"
						data-define="method:'get',url: '${rc.contextPath}/assets/ui/jww/demo/testdata/tree_data1.json',animate:true"></ul>
				</div>
				<div title="tab2" data-define="closable:true" style="padding: 10px">tab2</div>
			</div>
		</td>
	</tr>
</table>